<template>
	<view class="index1_content gongyingshang">
		<!-- 公司名称 -->
		<view class="index1_headers">
			<!-- <image style="width: 100rpx;height: 100rpx;border-radius: 24rpx;border: 1rpx solid #FFFFFF;"
				src="@/static/m1.png" mode=""></image> -->
			<image style="width: 100rpx;height: 100rpx;border-radius: 24rpx;flex:none;"
				:src="setImage(userInfoFull.avatar)" mode=""></image>
			<view class="index1_headers1">
				<view style="font-size: 32rpx;color: #FFFFFF;">
					Hello，{{lang=='zh'?userInfoFull.username:userInfoFull.username_ru}}</view>
				<view class="sub_title">
					{{lang=='zh'?userInfoFull.identity_name:userInfoFull.identity_name_ru}}
				</view>
			</view>
			<image class="business" src="@/static/index2/business.png" mode="widthFix" @click="handeleCard"></image>
		</view>
		<!-- 仓库 -->
		<view class="index1_ck">
			<view class="index1_ck_flex" @click="handeleWareManage">
				<view class="index1_ck_imgblock">
					<image style="width: 60rpx;height: 60rpx;" class="index1_ck_imgblock_img"
						src="@/static/index2/index1_gys.png" mode="">
				</view>
				<view :class="lang=='zh'?'textBlock':'textBlock_ru'">{{$t('商品管理')}}</view>
			</view>
			<view class="index1_ck_flex" @click="handeleEntryAndexit">
				<view class="index1_ck_imgblock">
					<image style="width: 60rpx;height: 60rpx;" class="index1_ck_imgblock_img"
						src="@/static/index2/index2_gys.png" mode="">
				</view>
				<view :class="lang=='zh'?'textBlock':'textBlock_ru'">{{$t('我的订单')}}</view>
			</view>
			<view class="index1_ck_flex" @click="handeleEntryAndexitDetails">
				<view class="index1_ck_imgblock">
					<image style="width: 60rpx;height: 60rpx;" class="index1_ck_imgblock_img"
						src="@/static/index2/index3_gys.png" mode="">
				</view>
				<view :class="lang=='zh'?'textBlock':'textBlock_ru'">{{$t('找车')}}</view>
			</view>
			<view class="index1_ck_flex" @click="handeleCostMaintenance">
				<view class="index1_ck_imgblock">
					<image style="width: 60rpx;height: 60rpx;" class="index1_ck_imgblock_img"
						src="@/static/index2/index4_gys.png" mode="">
				</view>
				<view :class="lang=='zh'?'textBlock':'textBlock_ru'">{{$t('找货代')}}</view>
			</view>
		</view>

		<!-- 推荐资源 -->
		<view class="index1_tjzy u-margin-bottom-25">
			<view style="display: flex;align-items: center;font-size: 32rpx;">
				<image style="width: 40rpx;height: 40rpx;margin-right: 8rpx;" src="@/static/index2/22261x.png" mode="">
					<span>{{$t('采购订单')}}</span>
			</view>
		</view>


		<!-- 模块 -->
		<view class="list_block">
			<scroll-view :scroll-top="scrollTop" scroll-y="true" refresher-enabled="true"
				:refresher-triggered="freshIsShow" class="scroll-Y" @scrolltolower="lower" @refresherrefresh="fresh"
				@refresherrestore="store"
				refresher-background="background: linear-gradient(90deg, #E0E8F5 -2%, #E5EFF2 105%);">
				<block v-if="!!arr && arr.length > 0">
					<view class="index1_block" v-for="(item,index) in arr" :key="index" @click="handeleDetail(item)">
						<!-- 是否已中标 -->
						<template v-if="!!item.order_id && item.order_id > 0">
							<image v-if="lang=='zh'" class="alreadyWon" src="@/static/index2/alreadyWon.png" mode="">
							</image>
							<image v-else class="alreadyWon" src="@/static/index2/alreadyWon_ru.png" mode=""></image>
						</template>
						<!-- 公司名称 -->
						<view class="index1_images">
							<image style="width: 100rpx;height: 100rpx;border-radius: 100rpx;"
								:src="setImage(item.release_user.avatar)" mode=""></image>
							<view class="index1_images1">
								<view style="font-size: 28rpx;" class="u-line-2">{{ item[$t('item.title')] }}</view>
							</view>
						</view>
						<!-- 订单编号 -->
						<view class="index1_order" v-if="false">
							<!-- 订单号  进行中 -->
							<view style="width: 100%;height: 22rpx;display: flex;justify-content: space-between;">
								<view style="display: flex;font-size: 22rpx;">
									<span>{{$t('订单编号')}} :</span>
									<span style="margin-left: 15rpx;">123456789</span>
								</view>
								<view class="index1_order1">{{$t('进行中')}}</view>
							</view>
							<view
								style="width: 100%;height: 24rpx;display: flex;justify-content: space-between;margin-top: 33rpx;font-size: 22rpx;">
								<view style="display: flex;">
									<image style="width: 40rpx;height: 24rpx;" src="@/static/ic0.png" mode=""></image>
									<span style="margin-left: 10rpx;">{{$t('中国')}}</span>
								</view>
								<view style="display: flex;align-items: center;height: 24rpx;">
									<image style="width: 40rpx;height: 24rpx;" src="@/static/ic1.png" mode=""></image>
									<span style="margin-left: 10rpx;">{{$t('俄罗斯')}}</span>
								</view>
							</view>
							<view>
								<view style="width: 100%;height: 8rpx;background-color: #06C36E;margin-top: 17rpx;">
								</view>
							</view>
							<view style="
										width: 100%;
										display: flex;
										height: 22rpx;
										align-items: center;
										font-size: 22rpx;
										margin-top: 21rpx;">
								<view>北京市工业园</view>
								<image style="width: 72rpx;height: 22rpx;margin-top: 8rpx;margin: 0 14rpx;"
									src="@/static/17251x.png" mode=""></image>
								<view>布拉戈维申斯克市工业园区</view>
							</view>
						</view>
						<!-- 货物信息 -->
						<view class="index1_goods">
							<view class="title_wrap" :class="{'price_ru': lang !== 'zh'}">
								<view style="font-size: 28rpx;color: #000000;">{{$t('货物信息')}}</view>
								<view class="price_wrap">
									<span class="name">{{$t('需缴保证金')}} :</span>
									<span class="num">{{!!item.data && item.data.margin_price}}</span>
									<span
										class="unit">/{{!!item.data && item.data.margin_type == 1 ? $t('元') : $t('卢布')}}</span>
								</view>
							</view>
							<view class="index1_goods1">{{$t('货物名称')}}</view>
							<view style="color: #000000;font-size: 28rpx;font-weight: normal;margin-top: 12rpx;">
								{{(lang=='zh' ? !!item.data && item.data.name : !!item.data && item.data.name_ru) || "-"}}
							</view>
							<view class="index1_goods2" :class="{'price_ru': lang !== 'zh'}">
								<view class="index1_goods2_block">
									<view class="goods_title">{{$t('大概总体积')}}</view>
									<view style="font-size: 28rpx;color: #000000;">
										{{(lang=='zh' ? !!item.data && item.data.goods_volume : !!item.data && item.data.goods_volume_ru) || "-"}}m³
									</view>
								</view>
								<view class="index1_goods2_block">
									<view class="goods_title">{{$t('大概总重量')}}</view>
									<view style="font-size: 28rpx;color: #000000;">
										<span>{{(lang=='zh' ? !!item.data && item.data.goods_weight : !!item.data && item.data.goods_weight_ru) || "-"}}</span>
										<span style="font-size: 22rpx;">kg</span>
									</view>
								</view>
								<view class="index1_goods2_block">
									<view class="goods_title">{{$t('需求数量')}}</view>
									<view style="font-size: 28rpx;color: #000000;">
										<span>{{!!item.data && item.data.use_count || "0"}}</span>
										{{(lang=='zh' ? !!item.data && item.data.number_unit : !!item.data && item.data.number_unit_ru) || ""}}
									</view>
								</view>
							</view>
						</view>
						<view class="desc u-text-left width-all u-margin-top-20">
							<view class="color u-font-32 u-margin-bottom-10" style="color: #FF5D5D;">
								{{$t('期望单价')}}: {{!!item.data && item.data.desire_price || $t('等待报价')}}
							</view>
							<view style="color: #999;" class="u-font-24">
								{{$t('发布时间')}}: {{time("S", !!item.data && item.data.createtime)}}
							</view>
						</view>
						<view class="index1_xq4">
							<view class="index_xq1" @click.stop="handeleUninterested(item,index)">{{$t('不感兴趣')}}</view>
							<view class="index_xq2" @click.stop="handeleWanttobuy(item)">{{$t('参与竞标')}}</view>
							<view class="index_xq3" @click.stop="handeleCommunicate(item)">{{$t('即时沟通')}}</view>
						</view>
					</view>
				</block>

				<view v-if="arr.length===0" class="Currently-unavailable">{{$t('暂无信息')}}</view>
				<!-- <view style="height: 100rpx;"></view> -->
			</scroll-view>
		</view>
		<vipPopup v-if="vipShow" :show="vipShow" @handeleVip="clickVipPopup" />
		<!-- 顶部背景色 -->
		<image style="width: 750rpx;height: 690rpx;position: absolute;top: 0;z-index: 1;"
			src="@/static/index2/20241101130857.png" mode=""></image>
	</view>
</template>

<script>
	//VIP弹窗
	import vipPopup from "@/components/vipPopup/index.vue";
	import {
		createC2CConversation,
		isBase64,
		time
	} from "@/common/public";
	import transport from '@/api/transport'
	import {
		IMAGE_URL,
		HTTP_IMG_UTL
	} from '@/config/app';
	export default {
		components: {
			vipPopup
		},
		watch: {
			//roleType
			roleType: {
				handler(newVal, oldVal) {
					this.getData()
				},
				immediate: true
			},
		},
		data() {
			return {
				userInfoFull: uni.getStorageSync('userInfoFull'),
				freshIsShow: true,
				scrollTop: 0,
				arr: [],
				indexID: -1,
				lang: 'zh',
				listBut: ['货源信息', '车源信息'],
				isShow: false,
				value: '', //输入框内容
				reason: '', //快捷选项原因
				type: 'textarea',
				height: '250rpx',
				border: true,
				autoHeight: true,
				page: 1,
				limit: 20,
				id: '',
				Current_index: '', //当前下标
				total: 0,
				vip: false,
				vipShow: false,
			}
		},
		created() {
			this.user_id = this.userInfoFull.user_id;
			this.getLang()
			this.getData()
		},

		methods: {
			time,
			setImage(IMAGE) {
				if (IMAGE?.slice(-3) === 'png' || IMAGE?.slice(-3) === 'jpg') {
					return IMAGE_URL + IMAGE
				} else if (IMAGE) {
					return IMAGE
				} else {
					return HTTP_IMG_UTL + 'images-zhanweitu.png'

				}
			},
			// 跳转至个人名片
			handeleCard() {
				uni.navigateTo({
					url: '/pages/tabbar/order/businessCard?id=' + this.user_id
				})
			},
			// 获取数据
			getData() {
				let userID = uni.getStorageSync('user_id');
				if (userID == '') {
					uni.showToast({
						title: this.$t('请先登录'),
						icon: 'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/user/login/login'
						})
					}, 1000)
				} else {
					// uni.showLoading({
					// 	title: this.$t('加载中')
					// })
					let params = {
						page: this.page,
						limit: this.limit,
						type: '0' //0采购商推送 1有车求货推送
					}
					this.$u.api.transport.getSupplierGoodsList(params).then(res => {
						console.log('res:', res);
						this.total = res.count
						if (this.page == 1) {
							this.arr = res.list
							this.page++
							uni.hideLoading()
							this.freshIsShow = false
						} else {
							this.arr = [...this.arr, ...res.list]
							this.page++
							uni.hideLoading()
							this.freshIsShow = false
						}

					})
				}
			},
			// 隐藏vip弹窗
			clickVipPopup() {
				console.log('隐藏');
				this.vipShow = false //点击vip弹窗隐藏
			},
			handeleCostMaintenance() {
				uni.navigateTo({
					// url: '/pages/tabbar/order/gongyingshang/kuajing'
					url: '/pages/release/crossborder/form?type=2'
				})
			},
			// 出入库明细
			handeleEntryAndexitDetails() {
				uni.navigateTo({
					// url: '/pages/tabbar/order/gongyingshang/wuliu'
					url: '/pages/release/transport/zhaoche?type=2'
				})
			},
			// 出入库管理
			handeleEntryAndexit() {
				uni.navigateTo({
					url: '/pages/tabbar/order/index'
				})
			},
			// 仓库管理
			handeleWareManage() {
				uni.navigateTo({
					url: '/pages/tabbar/order/gongyingshang/goodsManag'
				})
				// uni.navigateTo({
				// 	url: '/pages/tabbar/order/warehouseManagement'
				// })
			},


			// 不感兴趣
			handeleUninterested(item,index) {
				uni.showModal({
					title: this.$t('提示'),
					content: this.$t('感谢您反馈的信息，我们会努力优化推送内容。'),
					confirmText: this.$t('确认'),
					cancelText: this.$t('取消'),
					success: res => {
						if (res.confirm) {
							this.communicateDisabled = true;
							let data = {
								id: item.id,
								content: '',
								reason: ''
				
							}
							this.$u.api.basic.setRefuse(
								data
							).then(() => {
								this.arr.splice(index, 1)
								uni.showToast({
									icon: 'none',
									title: this.$t('操作成功')
								})
								this.communicateDisabled = false
							})
						} else if (res.cancel) {}
					}
				});
			},
			//参与竞标
			handeleWanttobuy(item) {
				// 先判断手机号，如果使自己手机号，自己不能和参与
				var mobile = uni.getStorageSync('mobile');
				if (mobile === item.release_user.mobile) {
					this.$u.toast(this.$t('不能参与自己'));
					return
				}
				this.$u.api.user.order_join_day_auth({
					lang: this.lang
				}).then(res => {
					if (res == 1) {
						//参与竞标
						uni.navigateTo({
							url: '/pages/order/process/buildOrder?release_id=' + item.table_id + '&type=' +
								'goods'
						})
					} else {
						if (this.vip) {
							this.vipShow = true
							return
						} else {
							uni.showModal({
								content: this.$t('您的权限不足哦!请联系工作人员!'),
								showCancel: false,
								confirmText: this.$t('是'),
							})
							return false;
						}
						return
					}
				})
			},
			// 即时沟通
			handeleCommunicate(item) {
				createC2CConversation(item.release_user.mobile, this)
			},
			// 跳转至H5运输列表
			handeleWeb() {
				uni.navigateTo({
					url: '/pages/tabbar/order/web'
				})
			},


			// 下拉刷新复位
			store() {
				this.freshIsShow = false
			},
			// 下拉刷新触发
			fresh() {
				this.page = 1
				this.freshIsShow = true
				this.getData()
			},
			// 触底加载
			lower() {
				// 触底判断总条数不等于当前数据的条数则获取数据
				if (this.total != this.arr.length) {
					this.getData()
				}
			},
			handeleItem(index) {
				console.log('index:', index);
				this.indexID = index
				if (this.lang == 'zh') {
					this.reason = this.list[index].title
				} else {
					this.reason = this.list[index].title_ru
				}
			},

			// 跳转至详情
			handeleDetail(item) {
				uni.navigateTo({
					url: item.path
				})
			},
			getLang() {
				// 获取缓存lang当前语言值
				uni.getStorage({
					key: 'lang',
					success: res => {
						if (res.data == 'zh') { //zh为中国，赋值0
							this.lang = 'zh'
						} else { //其他为俄罗斯，赋值1
							this.lang = 'ru'
						}
					}
				});
			},
		},

	}
</script>
<style lang="less" scoped>
	.sub_title {
		background-color: #66b1f9;
		font-size: 24rpx;
		line-height: 40rpx;
		border-radius: 40rpx;
		padding: 0 40rpx;
		color: #fff;
		margin-top: 10rpx;
	}

	.gongyingshang {
		.message {
			width: 690rpx;
			height: 80rpx;
			background: linear-gradient(0deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.192) 100%);
			box-sizing: border-box;
			border: 1rpx solid #fff;
			position: relative;
			z-index: 2;
			border-radius: 16rpx;
			margin-top: 30px;
			display: flex;
			padding: 0 30rpx;

			.line {
				width: 1rpx;
				background: #fff;
				height: 50%;
				margin: 0 30rpx;
			}

			.text {
				color: #005299;
			}
		}

		.alreadyWon {
			position: absolute;
			right: 60rpx;
			top: -40rpx;
			z-index: 2;
			width: 240rpx;
			height: 240rpx;
		}
	}
</style>
<style scoped>
	.Currently-unavailable {
		width: 100%;
		height: 200rpx;
		text-align: center;
		line-height: 200rpx;
	}

	.textBlock {
		font-size: 26rpx;
		color: #1D1D1D;
		margin-top: 16rpx;
	}

	.textBlock_ru1 {
		font-size: 23rpx;
		color: #1D1D1D;
		margin-top: 16rpx;
		line-height: 0.8;
		text-align: center;
		margin-bottom: -18rpx;
	}

	.textBlock_ru {
		font-size: 23rpx;
		color: #1D1D1D;
		margin-top: 16rpx;
		line-height: 0.8;
		text-align: center;

	}

	.item-buts {
		width: 315rpx;
		height: 60rpx;
		border-radius: 60px;
		background: #5282E6;
		box-shadow: 0px 3.97px 9.92px 0px rgba(0, 76, 255, 0.3);
		font-size: 24rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 60rpx;
	}

	.item-buts-active {
		width: 315rpx;
		height: 60rpx;
		border-radius: 60px;
		font-size: 24rpx;
		color: #000000;
		text-align: center;
		line-height: 60rpx;
	}

	.index1_hycy {
		z-index: 2;
		width: 690rpx;
		height: 80rpx;
		border-radius: 80px;
		background: #FFFFFF;
		padding: 10rpx 20rpx 10rpx 20rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 28rpx;
		margin-bottom: 24rpx;
	}

	.index1_tjzy {
		color: #FFFFFF;
		z-index: 2;
		margin-top: 40rpx;
		width: 690rpx;
		height: 32rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.index1_ck_flex {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.index1_ck_imgblock {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 70rpx;
		height: 70rpx;
		border-radius: 16rpx;

		background: rgba(255, 255, 255, 0.5);

		backdrop-filter: blur(10px);
		box-shadow: 0px 7px 8px 0px rgba(82, 130, 230, 0.5);
		position: relative;
	}

	.index1_ck_imgblock_img {
		position: relative;
		left: -6rpx;
		top: 6rpx;
	}

	.index1_ck {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding: 30rpx;
		box-sizing: border-box;
		z-index: 2;
		margin-top: 30rpx;
		width: 690rpx;
		height: 174rpx;
		border-radius: 32rpx;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.192) 100%);
	}

	.list_block {
		width: 690rpx;
		height: calc(100vh - 610rpx);
	}

	.scroll-Y {
		width: 690rpx;
		height: 100%
	}

	.index1_myyunshu {
		font-size: 30rpx;
		color: #FFFFFF;
		position: absolute;
		top: 30rpx;
		left: 30rpx;
	}

	.yunshu_images1 {
		width: 345rpx;
		height: 185rpx;
		position: relative;
		left: -13rpx;
		top: -10rpx;
	}

	.yunshu_images2 {
		width: 314rpx;
		height: 158rpx;
		position: relative;
		left: 0;
		top: 0rpx;
	}

	.index1_message {
		width: 690rpx;
		display: flex;
		align-items: center;
		z-index: 2;
		color: #FFFFFF;
		margin-bottom: 24rpx;
		margin-top: 40rpx;
		font-size: 32rpx;
		letter-spacing: 3rpx;
	}

	.index1_yunshu1 {
		width: 314rpx;
		height: 158rpx;
		border-radius: 24rpx;
		position: relative;
	}

	.index1_yunshu {
		width: 690rpx;
		height: 158rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		z-index: 2;
		margin-top: 50rpx;
	}

	.index1_headers1 {
		flex: 1;
		width: 100%;
		height: 100rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-left: 16rpx;
		align-items: flex-start;
	}

	.index1_headers {
		width: 690rpx;
		height: 100rpx;
		display: flex;
		align-items: center;
		margin-top: 84rpx;
		z-index: 2;
	}

	.header {
		width: 750rpx;
		height: 792rpx;

	}

	.index1_goods2_block {
		min-height: 66rpx;
		width: 169rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.index1_goods2_block1 {
		min-height: 66rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.index1_goods2 {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 24rpx;
	}

	.index1_goods1 {
		color: #999999;
		font-size: 22rpx;
		margin-top: 22rpx;
	}

	.index1_xq4 {
		position: absolute;
		bottom: -24rpx;
		left: 30rpx;
		width: 630rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 22rpx;
	}

	.index_xq1 {
		width: 196rpx;
		height: 60rpx;
		background: #FF5D5D;
		border-radius: 60rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 60rpx;
	}

	.index_xq2 {
		width: 196rpx;
		height: 60rpx;
		background: #5282E6;
		border-radius: 60rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 60rpx;
	}

	.index_xq3 {
		width: 196rpx;
		height: 60rpx;
		background: #06C36E;
		border-radius: 60rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 60rpx;
	}

	.index1_goods {
		width: 630rpx;
		min-height: 240rpx;
		background: #F6F7FB;
		border-radius: 32rpx;
		padding: 30rpx;
		box-sizing: border-box;
		margin-top: 24rpx;
	}

	.index1_order1 {
		height: 22rpx;
		border-radius: 22rpx;
		padding: 0 16rpx;
		background: #F32929;
		color: #FFFFFF;
		font-size: 16rpx;
		box-sizing: border-box;
		text-align: center;
		line-height: 22rpx;
	}

	.index1_order {
		width: 630rpx;
		min-height: 200rpx;
		border-radius: 32rpx;
		padding: 30rpx 30rpx 17rpx 30rpx;
		box-sizing: border-box;
		background: #F6F7FB;
		margin-top: 30rpx;

	}

	.index1_images5 {
		min-width: 118rpx;
		height: 40rpx;
		background: #06C36E;
		color: #FFFFFF;
		font-size: 22rpx;
		line-height: 40rpx;
		text-align: center;
		border-radius: 40rpx;
		box-sizing: border-box;
		padding: 0 12rpx;

	}

	.index1_images4 {
		min-width: 118rpx;
		height: 40rpx;
		background: #5282E6;
		color: #FFFFFF;
		font-size: 22rpx;
		line-height: 40rpx;
		text-align: center;
		border-radius: 40rpx;
		box-sizing: border-box;
		padding: 0 12rpx;
	}

	.index1_images3 {
		width: 205rpx;
		height: 100rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}

	.index1_imagescx2 {
		height: 31rpx;
		border-radius: 31rpx;
		background-color: #FF5D5D;
		font-size: 22rpx;
		color: #FFFFFF;
		box-sizing: border-box;
		display: inline-block;
		padding: 0 10rpx;
		text-align: center;
		line-height: 31rpx;
	}

	.index1_images1 {
		width: 319rpx;
		height: 100rpx;
		margin-left: 16rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: flex-start;
	}

	.index1_images {
		width: 100%;
		height: 100rpx;
		display: flex;
		align-items: center;
	}

	.index1_block {
		width: 690rpx;
		min-height: 638rpx;
		border-radius: 32rpx;
		background-color: #FFFFFF;
		padding: 30rpx 30rpx 54rpx 30rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		z-index: 2;
		margin-bottom: 70rpx;
	}

	.index1_content {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #F1F2F4;
	}

	.business {
		width: 50rpx;
		flex: none;
	}
</style>
<style lang="less" scoped>
	.title_wrap {
		width: 100%;
		min-height: 28rpx;
		display: flex;
		justify-content: space-between;

		.price_wrap {
			margin-left: 10rpx;
			display: flex;
			justify-content: flex-end;
			align-items: flex-end;

			.name {
				flex: 1;
				color: #FF0000;
				font-size: 24rpx;
			}

			.num {
				flex: none;
				color: #FF0000;
				font-size: 40rpx;
				font-weight: bold;
				margin-left: 10rpx;
				line-height: 40rpx;
			}

			.unit {
				flex: none;
				color: #FF0000;
				font-size: 24rpx;
			}
		}

		&.price_ru {
			flex-wrap: wrap;

			.price_wrap {
				margin-top: 10rpx;
				width: 100%;
				margin-left: 0;
			}
		}
	}

	.index1_goods2 {
		.goods_title {
			font-size: 22rpx;
			color: #999999;
			height: 50rpx;
		}

		&.price_ru {
			.goods_title {
				line-height: 25rpx;
				margin-bottom: 10rpx;
			}
		}
	}
</style>